<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>小米蓝牙触控语音遥控器</title>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
			}
			
			body {
				background-color: #fff;
				font-size: 14px;
			}
			
			a {
				text-decoration: none;
				cursor: pointer;
			}
			
			ul {
				list-style: none;
			}
			
			.top {
				background-color: #333;
				font-size: 12px;
				color: #b0b0b0;
				height: 40px;
				line-height: 40px;
			}
			
			.top .title {
				width: 1226px;
				margin-right: auto;
				margin-left: auto;
			}
			
			.top .title .title-left {
				float: left;
				width: 574px;
			}
			
			.top .title ul li {
				float: left;
			}
			
			.top .title ul li a {
				text-decoration: none;
				color: #b0b0b0;
				cursor: pointer;
			}
			
			.top .title ul li a:hover {
				color: white;
			}
			
			.top .title ul li span {
				color: #424242;
				margin-right: 6px;
			}
			
			.top .title .title-right {
				float: right;
			}
			
			.top .title .title-right ul li {
				margin-right: 6px;
			}
			
			.header-nav {
				height: 100px;
			}
			
			.header-nav .nav {
				width: 1226px;
				margin-right: auto;
				margin-left: auto;
				height: 100px;
				position: relative;
			}
			
			.header-nav .nav .img {
				width: 55px;
				height: 55px;
				text-align: center;
				background-color: #FF6700;
				float: left;
				margin-top: 22px;
			}
			
			.img2 {
				position: absolute;
				top: 22px;
				left: 0;
				display: none;
			}
			
			.img1:hover .img2 {
				display: block;
			}
			
			.header-nav .nav .nav-list {
				float: left;
				width: 850px;
			}
			
			.header-nav .nav .nav-list .nav-list-ul {
				width: 820px;
				height: 88px;
				margin: 0;
				padding: 12px 0 0 30px;
				font-size: 16px;
				float: left;
				line-height: 88px;
			}
			
			.header-nav .nav .nav-list .nav-list-ul .nav-category {
				width: 127px;
				text-align: right;
			}
			
			.nav-category:hover #menu {
				display: block;
			}
			
			.header-nav .nav .nav-list .nav-list-ul li {
				float: left;
				padding-right: 15px;
			}
			
			.header-nav .nav .nav-list .nav-list-ul li a {
				text-decoration: none;
				color: #333;
			}
			
			.nav .nav-list .nav-list-ul li .nav-menu {
				z-index: 1000;
				background-color: white;
				position: absolute;
				top: 100px;
				left: -61.5px;
				width: 1349px;
				height: 290px;
				color: black;
				display: none;
				padding-left: 20px;
			}
			
			.nav .nav-list .nav-list-ul li:hover .nav-menu {
				display: block
			}
			
			.m-div {
				width: 160px;
				height: 166px;
				float: left;
				padding: 35px 12px 0;
				font-size: 12px
			}
			
			.m-div>img {
				width: 160px;
				height: 110px;
			}
			
			.m-div .text,
			.price {
				width: 160px;
				height: 20px;
				text-align: center;
			}
			
			.m-div .price {
				color: #FF6700;
			}
			/*第三行*/
			
			.bread-crumbs {
				height: 40px;
				font-size: 12px;
				line-height: 40px;
				background: #f5f5f5;
				color: #616161;
			}
			
			.content {
				width: 1226px;
				margin-right: auto;
				margin-left: auto;
			}
			
			.content a {
				text-decoration: none;
				color: #757575;
			}
			
			.wrapper {
				background: #f5f5f5;
			}
			
			.main {
				background: #fff;
				padding-top: 40px;
				padding-bottom: 50px;
			}
			
			.main .container {
				width: 1226px;
				height: 550px;
				margin-right: auto;
				margin-left: auto;
			}
			
			.main .container .goods-left {
				width: 792px;
				height: 550px;
				position: relative;
				float: left;
			}
			
			.small {
				width: 70px;
				height: 168px;
				float: left;
				cursor: pointer;
			}
			
			#small-1 {
				border: 1px solid #FF6700;
			}
			
			#small-2 {
				border: 1px solid #e0e0e0;
			}
			
			#small-1,
			#small-2 {
				width: 70px;
				height: 70px;
				margin-bottom: 14px;
			}
			
			#small-1:hover,
			#small-2:hover {
				border-color: #ff6700;
			}
			
			#big1,
			#big2 {
				height: 482px;
				width: 482px;
				left: 186px;
				position: absolute;
				top: 0px;
				z-index: 10;
				text-align: center;
			}
			
			#big2 {
				display: none;
			}
			
			.main .container .goods-right {
				width: 420px;
				height: 550px;
				float: left;
				margin-left: 10px;
			}
			
			.describe {
				width: 420px;
				height: 550px;
			}
			
			.goods-name {
				color: #333;
				font-size: 28px;
				font-weight: bold;
				line-height: 38px;
			}
			
			.describe .goods-name {
				height: 38px;
			}
			
			.describe .text {
				height: 69px;
				color: #616161;
				font-size: 14px;
				line-height: 23px
			}
			
			.describe .discount {
				height: 18px;
				margin-top: 10px;
			}
			
			.describe .discount>span {
				width: 70px;
				color: #fff;
				background-color: #ffd600;
				display: inline-block;
				font-size: 12px;
				height: 18px;
				line-height: 18px;
				padding-left: 5px;
				padding-right: 5px;
				text-align: center;
				vertical-align: bottom;
				margin-right: 10px;
			}
			
			.describe .address {
				height: 21px;
				margin-top: 10px;
				padding: 20px 50px 14px 20px;
				position: relative;
				border: 1px solid #e0e0e0;
				padding: 20px 50px 14px 20px;
				background: url(img/anniu0201.jpg) no-repeat 356px 0;
				cursor: pointer;
			}
			
			.describe .address .have {
				float: left;
				width: 39px;
				height: 21px;
				color: #FF6700;
			}
			
			.describe .address .address-info {
				float: left;
				width: 300px;
				height: 21px;
			}
			
			.describe .price1 {
				margin-top: 20px;
				height: 66px;
				line-height: 66px;
				border-top: 1px solid #e0e0e0;
				border-bottom: 1px solid #e0e0e0;
				color: #ff6700;
				font-size: 14px;
			}
			
			.describe .button {
				height: 48px;
				margin-top: 30px;
			}
			
			.describe .button #goods-addcart {
				width: 261px;
				height: 50px;
				line-height: 48px;
				font-size: 16px;
				float: left;
				color: white;
				background-color: #FF6700;
			}
			
			#goods-addcart:hover {
				background: #F25807;
			}
			
			.describe .button #like {
				height: 50px;
				width: 140px;
				float: left;
				margin-left: 15px;
				line-height: 48px;
				background: #b0b0b0;
				border-color: #b0b0b0;
				color: #fff;
			}
			
			#like:hover {
				background-color: #757575;
			}
			
			.describe .policy {
				height: 21px;
				margin-top: 20px;
				color: #b0b0b0;
			}
			
			.describe .user {
				width: 420px;
				height: 21px;
				border-top: 1px solid #e0e0e0;
				border-bottom: 1px solid #e0e0e0;
				margin-top: 20px;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			
			.describe .user>ul>li {
				width: 139px;
				color: #757575;
				font-size: 12px;
				float: left;
				display: block;
				height: 20px;
				cursor: pointer;
			}
			
			.describe .user>ul>li:hover {
				color: #FF6700;
			}
			
			.describe .describe-foot {
				height: 16px;
				padding-top: 14px;
				font-size: 14px;
			}
			
			.describe .describe-foot a {
				color: #757575;
			}
			
			.describe .describe-foot span:hover {
				color: #FF6700;
			}
			
			.goods-nav {
				width: 100%;
				height: 60px;
				position: absolute;
				top: 821px;
				left: 0;
				border-top: 1px solid #e0e0e0;
			}
			
			.goods-nav>ul {
				margin: 0 auto;
				height: 60px;
				line-height: 60px;
				width: 730px;
			}
			
			.goods-nav ul li {
				float: left;
				width: 170px;
				height: 18px;
				margin-top: 20px;
				line-height: 18px;
				text-align: center;
				font-size: 18px;
			}
			
			.goods-nav>ul>li>a {
				width: 170px;
				display: block;
				cursor: pointer;
				border-right: 1px solid #e0e0e0;
				color: #424242;
			}
			
			.goods-desc {
				text-align: center;
			}
			
			.context {
				width: 1226px;
				height: auto;
				margin-top: 60px;
				margin-right: auto;
				margin-left: auto;
				text-align: center;
				color: #333;
			}
			/*为你推荐*/
			
			.content1 {
				padding: 20px 0 100px;
				background: #f5f5f5;
				height: 500px;
			}
			
			.content-wrap {
				margin-top: 60px;
				width: 1226px;
				margin-right: auto;
				margin-left: auto;
			}
			
			.content-wrap .title {
				position: relative;
				margin: 0;
				height: 50px;
				font-size: 30px;
				font-weight: 400;
				color: #757575;
				border-top: 1px solid #e0e0e0;
				background-color: #f5f5f5;
			}
			
			.content-wrap .title span {
				position: absolute;
				top: -20px;
				left: 372px;
				height: 40px;
				width: 482px;
				line-height: 40px;
				text-align: center;
				display: block;
				background-color: #f5f5f5;
			}
			
			.content-body {
				width: 1226px;
				overflow: hidden;
				position: relative;
				padding-bottom: 40px;
				margin-left: 63px;
			}
			
			.content-body .carousel-wrapper {
				width: 5000px;
				height: 380px;
			}
			
			.content-body .carousel-wrapper .div {
				width: 234px;
				height: 300px;
				float: left;
				padding-top: 39px;
				margin-right: 14px;
				text-align: center;
				background-color: white;
			}
			
			.content-body .carousel-wrapper a {
				margin: 0 auto 22px;
			}
			
			.content-body .carousel-wrapper a img {
				width: 160px;
				height: 160px;
			}
			
			.content-body .carousel-wrapper h3 {
				color: #212121;
				margin: 0 20px 3px;
				font-size: 14px;
				font-weight: 400;
				overflow: hidden;
			}
			
			.content-body .carousel-wrapper .desc {
				height: 18px;
				margin: 0 20px 12px;
				font-size: 12px;
				overflow: hidden;
				color: #ff6709;
			}
			
			.content-body .carousel-wrapper .price {
				margin: 0;
				color: #b0b0b0;
			}
			
			.content-foot ul {
				width: 1226px;
				height: 30px;
				padding-left: 570px;
				padding-top: 15px;
			}
			
			.content-foot ul li {
				width: 8px;
				height: 8px;
				border-radius: 50%;
				float: left;
				margin-left: 20px;
				display: inline-block;
				cursor: pointer;
				background: #B0B0B0;
			}
			
			.content-foot ul li:hover {
				background: #FF6700;
			}
			/**全部商品分类**/
			
			#menu {
				position: absolute;
				top: 100px;
				left: 0;
				padding: 30px 0;
				width: 235px;
				background-color: white;
				z-index: 100;
				display: none;
				border: 1px solid #FF6700;
			}
			
			#menu li {
				list-style: none;
				padding: 0 30px;
				line-height: 40px;
				color: #333;
			}
			
			#menu li:hover {
				background-color: #FF6700;
			}
			
			#menu span {
				float: right;
				font-size: 20px;
				font-family: "宋体";
				position: absolute;
				right: 10px;
			}
			
			#menu li>div {
				position: absolute;
				left: 235px;
				top: 0px;
				background-color: white;
				height: 460px;
				font-size: 40px;
				color: black;
				display: none;
			}
			
			#menu_1 {
				width: 795px ;
			}
			
			#menu_2,
			#menu_5 {
				width: 397px;
			}
			
			#menu_3,
			#menu_4,
			#menu_6 {
				width: 994 px;
			}
			
			#menu_7,
			#menu_8,
			#menu_9,
			#menu_10 {
				width: 270px;
			}
			.submenu {
				width: 992px;
				height: 460px;
				border: 1px solid;
			}
			/**
			 * ul
			 */
			
			.submenu2 {
				float: left;
				width: 265px;
				height: 458px;
				margin: 0;
				padding: 2px 0;
				list-style-type: none;
				font-size: 14px;
			}
			
			.goods-menu {
				position: relative;
				float: left;
				width: 205px;
				height: 76px;
			}
			
			.submenu2 .sm-link {
				width: 120px;
				padding-right: 0;
				display: block;
				padding: 18px 20px;
				line-height: 40px;
				color: #333;
				margin: 0;
			}
			
			.submenu2 .sm-pic {
				margin-right: 12px;
				vertical-align: middle;
			}
			
			.submenu2 .sm-name {
				margin-left: 0;
			}
			
			.submenu2 .sm-btn {
				position: absolute;
				right: 10px;
				top: 26px;
				width: 58px;
				height: 22px;
				line-height: 22px;
				border: 1px solid #ff6700;
				text-align: center;
				background: #fff;
				color: #ff6700;
				font-size: 12px;
				cursor: pointer;
			}
			
			
			
			
			
			/*规格参数*/
			
			.kuang1 {
				padding-top: 40px;
				margin-bottom: 10px;
				background-color: #f5f5f5;
			}
			
			.content-wrap1 {
				width: 1226px;
				margin-right: auto;
				margin-left: auto;
				height: 60px;
				background: #f5f5f5;
			}
			
			.content-wrap1>h2 {
				width: 300px;
				height: 30px;
				line-height: 30px;
				margin: -15px auto 0;
				text-align: center;
				font-size: 30px;
				font-weight: normal;
				color: #b0b0b0;
				background-color: #f5f5f5;
			}
			
			.content-wrap1 .line {
				margin-top: 30px;
				height: 0px;
				border-top: 1px solid #e0e0e0;
			}
			
			.content-body {
				width: 1191px;
				margin-right: auto;
				margin-left: auto;
			}
			
			.content-body>ul {
				padding-top: 50px;
				padding-left: 35px;
			}
			
			.content-body>ul>li {
				width: 240px;
				position: relative;
				height: 180px;
				float: left;
			}
			/*评价晒单*/
			
			.pj-num {
				width: 280px;
				height: 85px;
				line-height: 85px;
				color: #FF6700;
			}
			
			.pj-num>span {
				font-size: 80px;
			}
			
			.pj-title {
				width: 280px;
				height: 15px;
				line-height: 15px;
				color: #757575;
				font-size: 14px;
				margin-top: 5px;
				text-align: center;
			}
			
			.pj-amount {
				width: 280px;
				height: 14px;
				line-height: 14px;
				font-size: 14px;
				color: #b0b0b0;
				margin-top: 10px;
				text-align: center;
			}
			
			.addcart11 {
				width: 162px;
				height: 40px;
				line-height: 40px;
				text-align: center;
				background: #FF6700;
				color: white;
				position: absolute;
				left: 1126px;
				bottom: 10px;
				display: none;
			}
			/*地址模态框*/
			.modal {
				width: 100%;
				height: 100%;
				background-color: rgba(10, 10, 10, 0.8);
				position: fixed;
				z-index: 1000;
				display: none;
			}
			
			.modal-wrap {
				position: absolute;
				top: 118px;
				left: 868px;
				border: 1px solid #FF6700;
				display: block;
				width: 420px;
				background: white;
			}
			
			.modal-body {
				padding: 30px;
				max-height: none;
				position: relative;
			}
			
			.modal-box {
				width: 360px;
				height: 187px;
			}
			
			.close {
				top: 5px;
				right: 5px;
				width: 24px;
				height: 24px;
				line-height: 24px;
				color: #b0b0b0;
				position: absolute;
				border-radius: 50%;
				z-index: 100;
				text-align: center;
				font-weight: bold;
			}
			
			.close:hover {
				background-color: #E53935;
				border-radius: 50%;
				color: white;
				cursor: pointer;
			}
			
			.search-name {
				height: 44px;
				border: 1px solid #e0e0e0;
				position: relative;
			}
			
			#s-n {
				height: 44px;
				padding: 0 56px;
				line-height: 44px;
				border: none;
				width: 244px;
				font-size: 100%;
				margin: 0;
				vertical-align: baseline;
				font-family: sans-serif;
			}
			
			.select-address {
				text-decoration: none;
				line-height: 38px;
				text-align: right;
				border-bottom: 1px solid #e0e0e0;
			}
			
			.select-address>a {
				color: #757575;
			}
			
			.address {
				margin-top: 20px;
			}
			
			.mine {
				margin-top: 20px;
				margin-bottom: 10px;
				color: #b0b0b0;
			}
			
			.now {
				margin: 20px 0;
				text-align: center;
				color: #757575;
			}
		</style>
	</head>

	<body>
		<div class="modal">
			<div class="modal-wrap">
				<span class="close">X</span>
				<div class="modal-body">
					<div class="modal-box">
						<div class="search-name">
							<input type="text" id="s-n" placeholder="输入街道、乡镇、小区或商圈名称" />
						</div>
						<div class="select-address">
							<a href="#">手动选择地址&gt</a>
						</div>
						<div class="myaddress">
							<div class="mine">
								我的收货地址
							</div>
							<div class="now">
								现在<span style="color: #FF6700;">登录</span>，可根据收货地址快速定位
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="top">
			<div class="title">
				<div class="title-left">
					<ul>
						<li>
							<a href="#">小米商城</a>
							<span>|</span>
						</li>
						<li>
							<a href="#">MIUI</a>
							<span>|</span>
						</li>

						<li>
							<a href="#">米聊</a>
							<span>|</span>
						</li>

						<li>
							<a href="#">游戏</a>
							<span>|</span>
						</li>

						<li>
							<a href="#">多看阅读</a>
							<span>|</span>
						</li>

						<li>
							<a href="#">云服务</a>
							<span>|</span>
						</li>

						<li>
							<a href="#">金融</a>
							<span>|</span>
						</li>

						<li>
							<a href="#">小米商城移动版</a>
							<span>|</span>
						</li>

						<li>
							<a href="#">问题反馈</a>
							<span>|</span>
						</li>
						<li>
							<a href="#">Select Region</a>
						</li>
					</ul>
				</div>
				<div class="title-right">
					<ul>
						<li>
							<a href="mi.login.html">登录</a>
						</li>
						<li>
							<a href="mi.register.html">注册</a>
						</li>
						<li>
							<a href="#">消息通知</a>
						</li>
						<li>
							<a href="mi.cart.html">购物车<span>(0)</span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="header-nav">
			<div class="nav">
				<div class="img">
					<img src="img/mi-logo.png" class="img1" />
					<img src="img/mi-home.png" class="img2" />
				</div>
				<div class="nav-list">
					<ul class="nav-list-ul">
						<li class="nav-category">
							<a class="link-category" href="#"><span class="text">全部商品分类</span></a>
							<div id="menu">
								<ul>
									<li>手机 电话卡<span>&gt</span>
										<div id="menu_1" class="submenu">
											<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
										</div>
									</li>
									<li>笔记本 平板<span>&gt</span>
										<div id="menu_2" class="submenu">
											<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
										</div>
									</li>
									<li>电视 盒子<span>&gt</span>
										<div id="menu_3" class="submenu">
											<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
										</div>
									</li>
									<li>路由器 智能硬件<span>&gt</span>
										<div id="menu_4" class="submenu">
											<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
										</div>
									</li>
									<li>移动电源 电池 插线板<span>&gt</span>
										<div id="menu_5" class="submenu">
											<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
										</div>
									</li>
									<li>耳机 音箱<span>&gt</span>
										<div id="menu_6" class="submenu">
											<div id="tob6" id="menu_4" class="submenu">
												<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
											</div>
										</div>
									</li>
									<li>保护套 贴膜<span>&gt</span>
										<div id="menu_7" class="submenu">
											<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
										</div>
									</li>
									<li>线材 支架 存储卡<span>&gt</span>
										<div id="menu_8" class="submenu">
											<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
										</div>
									</li>
									<li>箱包 服饰 鞋 眼镜<span>&gt</span>
										<div id="menu_9" class="submenu">
											<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
										</div>
									</li>
									<li>米兔 生活周边 <span>&gt</span>
										<div id="menu_10" class="submenu">
											<ul class="submenu2">
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>
									<li class="goods-menu">
										<a href="#" class="sm-link">
											<img src="img/fir--left-menu-small-1-1.jpg" class="sm-pic" />
											<span class="sm-name">小米6</span>
										</a>
										<a href="#" class="sm-btn">选购</a>
									</li>

								</ul>
										</div>
									</li>
								</ul>
							</div>
						</li>
						<li class="nav-items">
							<a class="link" href="#"><span class="text">小米手机</span></a>
							<div class="nav-menu">
								<div class="m-div">
									<img src="img/fir-small-navmenu-1.png" />
									<div class="text">
										<a href="#">小米6</a>
									</div>
									<p class="price">2499元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-2.png" />
									<div class="text">
										<a href="#">小米MX 2</a>
									</div>
									<p class="price">1699元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-3.jpg" />
									<div class="text">
										<a href="#">小米 5X</a>
									</div>
									<p class="price">1299元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-4.jpg" />
									<div class="text">
										<a href="#">小米NOTE 2</a>
									</div>
									<p class="price">2799元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-5.jpg" />
									<div class="text">
										<a href="#">小米MX</a>
									</div>
									<p class="price">3499元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-6.jpg" />
									<div class="text">
										<a href="#">小米 5S</a>
									</div>
									<p class="price">1999元起</p>
								</div>
							</div>
						</li>
						<li class="nav-items">
							<a class="link" href="#"><span class="text">红米</span></a>
							<div class="nav-menu">
								<div class="m-div">
									<img src="img/fir-small-navmenu-21.jpg" />
									<div class="text">
										<a href="#">小米6</a>
									</div>
									<p class="price">2499元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-22.jpg" />
									<div class="text">
										<a href="#">小米MX 2</a>
									</div>
									<p class="price">1699元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-23.jpg" />
									<div class="text">
										<a href="#">小米 5X</a>
									</div>
									<p class="price">1299元起</p>
								</div>
							</div>
						</li>
						<li class="nav-items">
							<a class="link" href="#"><span class="text">平板·笔记本</span></a>
							<div class="nav-menu">
								<div class="m-div">
									<img src="img/fir-small-navmenu-31.png" />
									<div class="text">
										<a href="#">小米6</a>
									</div>
									<p class="price">2499元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-32.jpg" />
									<div class="text">
										<a href="#">小米MX 2</a>
									</div>
									<p class="price">1699元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-33.jpg" />
									<div class="text">
										<a href="#">小米 5X</a>
									</div>
									<p class="price">1299元起</p>
								</div>
							</div>
						</li>
						<li class="nav-items">
							<a class="link" href="#"><span class="text">电视</span></a>
							<div class="nav-menu">
								<div class="m-div">
									<img src="img/fir-small-navmenu-41.png" />
									<div class="text">
										<a href="#">小米6</a>
									</div>
									<p class="price">2499元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-42.png" />
									<div class="text">
										<a href="#">小米MX 2</a>
									</div>
									<p class="price">1699元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-43.png" />
									<div class="text">
										<a href="#">小米 5X</a>
									</div>
									<p class="price">1299元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-44.png" />
									<div class="text">
										<a href="#">小米NOTE 2</a>
									</div>
									<p class="price">2799元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-45.png" />
									<div class="text">
										<a href="#">小米MX</a>
									</div>
									<p class="price">3499元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-46.png" />
									<div class="text">
										<a href="#">小米 5S</a>
									</div>
									<p class="price">1999元起</p>
								</div>
							</div>
						</li>
						<li class="nav-items">
							<a class="link" href="#"><span class="text">盒子·影音</span></a>
							<div class="nav-menu">
								<div class="m-div">
									<img src="img/fir-small-navmenu-51.png" />
									<div class="text">
										<a href="#">小米6</a>
									</div>
									<p class="price">2499元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-52.png" />
									<div class="text">
										<a href="#">小米MX 2</a>
									</div>
									<p class="price">1699元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-53.jpg" />
									<div class="text">
										<a href="#">小米 5X</a>
									</div>
									<p class="price">1299元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-54.png" />
									<div class="text">
										<a href="#">小米NOTE 2</a>
									</div>
									<p class="price">2799元起</p>
								</div>
							</div>
						</li>
						<li class="nav-items">
							<a class="link" href="#"><span class="text">路由器</span></a>
							<div class="nav-menu">
								<div class="m-div">
									<img src="img/fir-small-navmenu-61.png" />
									<div class="text">
										<a href="#">小米6</a>
									</div>
									<p class="price">2499元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-62.png" />
									<div class="text">
										<a href="#">小米MX 2</a>
									</div>
									<p class="price">1699元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-63.png" />
									<div class="text">
										<a href="#">小米 5X</a>
									</div>
									<p class="price">1299元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-64.png" />
									<div class="text">
										<a href="#">小米NOTE 2</a>
									</div>
									<p class="price">2799元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-65.png" />
									<div class="text">
										<a href="#">小米MX</a>
									</div>
									<p class="price">3499元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-66.jpg" />
									<div class="text">
										<a href="#">小米 5S</a>
									</div>
									<p class="price">1999元起</p>
								</div>
							</div>
						</li>
						<li class="nav-items">
							<a class="link" href="#"><span class="text">智能硬件</span></a>
							<div class="nav-menu">
								<div class="m-div">
									<img src="img/fir-small-navmenu-71.jpg" />
									<div class="text">
										<a href="#">小米6</a>
									</div>
									<p class="price">2499元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-72.png" />
									<div class="text">
										<a href="#">小米MX 2</a>
									</div>
									<p class="price">1699元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-73.png" />
									<div class="text">
										<a href="#">小米 5X</a>
									</div>
									<p class="price">1299元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-74.jpg" />
									<div class="text">
										<a href="#">小米NOTE 2</a>
									</div>
									<p class="price">2799元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-75.jpg" />
									<div class="text">
										<a href="#">小米MX</a>
									</div>
									<p class="price">3499元起</p>
								</div>
								<div class="m-div">
									<img src="img/fir-small-navmenu-76.jpg" />
									<div class="text">
										<a href="#">小米 5S</a>
									</div>
									<p class="price">1999元起</p>
								</div>
							</div>
						</li>
						<li class="nav-items">
							<a class="link" href="#"><span class="text">服务</span></a>
						</li>
						<li class="nav-items">
							<a class="link" href="#"><span class="text">社区</span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="bread-crumbs">
			<div class="content">
				<a href="#">首页</a><span>/</span>
				<a href="#">配件</a><span>/</span>
				<a href="#">小米电视</a><span>/</span>
				<a href="#">盒子配件</a><span>/</span>
				<a href="#">小米蓝牙触控语音遥控器</a><span></span>
			</div>
		</div>
		<div class="wrapper">
			<div class="main">
				<div class="container">
					<div class="goods-left">
						<div class="picture">
							<div class="left">
								<div class="small">
									<ul>
										<li id="small-1"><img src="img/item-small1.jpg" /></li>
										<li id="small-2"><img src="img/item-small2.jpg" /></li>
									</ul>
								</div>
								<div id="big1">
									<img src="img/item-big1.jpg" />
								</div>
								<div id="big2">
									<img src="img/item-big2.jpg" />
								</div>
							</div>
							<div class="right">

							</div>
						</div>
					</div>
					<div class="goods-right">
						<div class="describe">
							<div class="goods-name">
								小米蓝牙触控语音遥控器
							</div>
							<div class="text">
								语音智能搜片 / 能控制机顶盒 / BLE 低功耗蓝牙4.2 / 适配小米电视、小米盒子、小米电视主机（1代小米电视、小米电视4A 32英寸、1代/2代小米盒子、小米小盒子除外），系统需升级到最新版本
							</div>
							<div class="discount">
								<span>折扣</span>
							</div>
							<div class="address" style="background-color: #FAFAFA;">
								<div class="have">
									<span>有货</span>
								</div>
								<div class="address-info">
									<span>|</span>
									<span>北京</span>
									<span>北京市</span>
									<span>东城区</span>
									<span>永定门外街道</span>
								</div>
								<div class="img-btn">
								</div>
							</div>
							<div class="price1">
								<b style="font-size: 30px;">89</b>元
								<em style="font-weight: normal;color: #AFAFAF;margin-left: 20px;text-decoration: line-through;">99元</em>
							</div>
							<div class="button">
								<a href="mi.cart.html" id="goods-addcart"><img src="img/图标020301.jpg" style="float: left;" />加入购物车</a>
								<a href="mi.login.html" id="like"><img src="img/图标020401.jpg" style="float: left;" />喜欢</a>

							</div>
							<div class="policy">
								<span><img src="img/图标0201.jpg" style="float: left;"/>支持7天无理由退货</span>
							</div>
							<div class="user">
								<ul>
									<li><img src="img/图标020501.jpg" style="float: left;" />评价 750</li>
									<li><img src="img/图标020601.jpg" style="float: left;" />提问 64</li>
									<li><img src="img/图标020701.jpg" style="float: left;" />满意度 92.8%</li>
								</ul>
							</div>
							<div class="describe-foot">
								<a href="#"><img src="img/图标020801.jpg" style="float: left;" /><span>查看更多小米电视/盒子配件</span></a>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>
		<div class="goods-nav" id="goods-nav">
			<div class="ykq">
				<img src="img/1.png" style="position: absolute;margin-left:60px ;" />
			</div>
			<ul>
				<li>
					<a href="#describle" id="xiangqing">详情描述</a>
				</li>
				<li>
					<a href="#ggcs" id="guige">规格参数</a>
				</li>
				<li>
					<a href="#pjsd" id="pingjia">评价晒单</a>
				</li>
				<li>
					<a href="#question" id="shangpin">商品提问</a>
				</li>
			</ul>
			<div class="addcart11">
				加入购物车
			</div>
		</div>
		<div class="goods-desc">
			<div class="context">
				<p class="biger-img">
					<img src="img/item-lyyxykq_01.jpg" />
					<img src="img/item-lyyxykq_02.jpg" />
					<img src="img/item-lyyxykq_03.jpg" />
					<img src="img/item-lyyxykq_04.jpg" />
					<img src="img/item-lyyxykq_05.jpg" />
					<img src="img/item-lyyxykq_06.jpg" />
					<img src="img/item-lyyxykq_07.jpg" />
					<img src="img/item-lyyxykq_08.jpg" />
				</p>
			</div>
		</div>
		<div class="guigecanshu" id="ggcs">
			<div class="kuang1">
				<div class="content-wrap1">
					<div class="line">
					</div>
					<h2 class="name">规格参数</h2>
				</div>
			</div>
			<div class="kuang2">
				<div class="content-body">
					<ul>
						<li><img src="img/item-bottom-tu.jpg" style="width: 150px;height: 150px;" /></li>
						<li>版本：单机</li>
						<li>商品编号：1171300111</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="guigecanshu" id="pjsd">
			<div class="kuang1">
				<div class="content-wrap1">
					<div class="line">

					</div>
					<h2 class="name">评价晒单</h2>
				</div>
			</div>
			<div class="kuang2">
				<div class="content-body">
					<div class="pj-num">
						<span>92.8</span>%
					</div>
					<div class="pj-title">
						购买后满意
					</div>
					<div class="pj-amount">
						<span>752</span>名用户满意
					</div>
				</div>
			</div>
		</div>
		<div class="content1">
			<div class="content-wrap">
				<h2 class="title"><span>买过该商品的人还买了</span></h2>
			</div>
			<div class="content-body">
				<div class="carousel-wrapper">
					<div class="div">
						<a href="#"><img src="img/item-lunbo-1.jpg" /></a>
						<h3>小米手环 2</h3>
						<p class="desc">149元</p>
						<p class="price">17.9万人好评 </p>
					</div>
					<div class="div">
						<a href="#"><img src="img/item-lunbo-2.jpg" /></a>
						<h3>米家运动鞋(智能版) 男款 </h3>
						<p class="desc">219元</p>
						<p class="price">11.6万人好评 </p>
					</div>
					<div class="div">
						<a href="#"><img src="img/item-lunbo-3.jpg" /></a>
						<h3>小米无人机4K版套装</h3>
						<p class="desc">2969元</p>
						<p class="price">555人好评 </p>
					</div>
					<div class="div">
						<a href="#"><img src="img/item-lunbo-4.jpg" /></a>
						<h3>米家扫地机器人</h3>
						<p class="desc">1649元</p>
						<p class="price">1.1万人好评</p>
					</div>
					<div class="div">
						<a href="#"><img src="img/item-lunbo-5.jpg" /></a>
						<h3>小米电视3s 65英寸 影院版 </h3>
						<p class="price">1099元</p>
					</div>
					<div class="div">
						<a href="#"><img src="img/item-lunbo-6.jpg" /></a>
						<h3>贝医生巴氏牙刷(四色装)</h3>
						<p class="desc">8月10日-8月16日立减100元</p>
						<p class="desc">6499元</p>
					</div>
					<div class="div">
						<a href="#"><img src="img/item-lunbo-7.jpg" /></a>
						<h3>小米手环 2</h3>
						<p class="desc">OLED 显示屏幕，升级计步算法</p>
						<p class="price">149元</p>
					</div>
					<div class="div">
						<a href="#"><img src="img/item-lunbo-8.jpg" /></a>
						<h3>米家压力IH电饭煲</h3>
						<p class="desc">智能烹饪，压力IH加热技术</p>
						<p class="price">999元</p>
					</div>
					<div class="div">
						<a href="#"><img src="img/item-lunbo-9.jpg" /></a>
						<h3>米家空气净化器Pro</h3>
						<p class="desc">OLED显示屏幕，激光颗粒物传感器</p>
						<p class="price">1499元</p>
					</div>
					<div class="div">
						<a href="#"><img src="img/item-lunbo-10.jpg" /></a>
						<h3>小米路由器3</h3>
						<p class="desc">更快更强，不止四天线</p>
						<p class="price">149元</p>
					</div>
				</div>
				<div class="content-foot">
					<ul class="dian">
						<li></li>
						<li></li>
					</ul>
				</div>
			</div>
		</div>
		
	
		<iframe src="mi.footer.html" width="1349px" height="438px" scrolling="no" border="0"></iframe>
		<script type="text/javascript">
			var lis = document.querySelectorAll(".nav-items");
			for(var i = 0; i < lis.length; i++) {
				lis[i].onmouseover = function() {
					this.getElementsByTagName("div")[0].style.display = "block";
				};
				lis[i].onmouseout = function() {
					this.getElementsByTagName("div")[0].style.display = "none";

				};
			}
			//遥控器大图小图切换
			var s1 = document.getElementById("small-1");
			var s2 = document.getElementById("small-2");
			var b1 = document.getElementById("big1");
			var b2 = document.getElementById("big2");
			s1.onclick = function() {
				b1.style.display = "block";
				b2.style.display = "none";
			}
			s2.onclick = function() {
				b2.style.display = "block";
				b1.style.display = "none";
			}
			//轮播
			var lis = document.querySelectorAll(".dian li");
			lis[0].onclick = function() {
				var imgs = document.querySelector(".carousel-wrapper");
				imgs.style.marginLeft = "0";
			}
			lis[1].onclick = function() {
				var imgs = document.querySelector(".carousel-wrapper");
				imgs.style.marginLeft = "-1227px";
			}
			//导航
			window.onscroll = function() {
				var gn = document.getElementById("goods-nav");
				var bst = document.body.scrollTop;
				if(bst > 860) {
					gn.style.position = "fixed";
					gn.style.backgroundColor = "white";
					gn.style.top = "0px"
					gn.children[0].children[0].style.display = "inline-block";
					gn.children[0].children[1].style.display = "block";
					gn.children[2].style.display = "none";
					
				}
				else {
					gn.style.position = "absolute";
					gn.style.top = "800px"
					gn.children[0].children[0].style.display = "none";
					gn.children[0].children[1].style.display = "none";
					gn.children[2].style.display = "inline-block";
				}
			}
			//模态框
			document.querySelector(".address").onclick = function() {
				document.querySelector(".modal").style.display = "block";
			}
			document.querySelector(".close").onclick = function() {
				document.querySelector(".modal").style.display = "none";
			}
		</script>
	</body>

</html>